<template>
  <view>
    <view class="query-flex">
      <view class="dis-flex border-bottom" @click="view">
        <view class="flex-left line-break-exceeded">单号：W12342156</view>
        <view class="flex-left line-break-exceeded"
          >日期：2021/10/22 15:29</view
        >
      </view>
    </view>
    <!-- 按钮 -->
    <view class="button-con">
      <view class="button-return">
        <view class="button" @click="add">创建报修单</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    add() {
      uni.navigateTo({
        url: "/pages/eam/Assets/AssetsList/assetrepairrequest/RepairRequestCreation",
      });
    },
    view() {
      uni.navigateTo({
        url: "/pages/eam/Assets/AssetsList/assetrepairrequest/AssetsRepairRequestDetails",
      });
    },
  },
};
</script>

<style lang="scss">
.dis-flex {
  display: flex;
  padding: 20rpx;

  .flex-left {
    flex: 1;
  }

  .flex-right {
    flex: 1;
    text-align: right;
  }
}
</style>
